<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp" %>
<html>
<head>
    <meta charset="utf-8"/>
    <title>数据字典</title>
</head>
<body>
<%@include file="../../include/lr.jsp" %>
<div class="lr-form-wrap" id="form">
    <div>
        <p style="display:none;">
            1.参考网站：http://www.runoob.com/bootstrap/bootstrap-tab-plugin.html 2..fade增加淡入淡出效果；添加 .fade 到每个 .tab-pane 后面;
            3.第一个标签页必须添加 .in 类，以便淡入显示初始内容;
        </p>
        <!-- tab标签 -->
        <ul id="myTab" class="nav nav-tabs">
            <li class="active">
                <a href="#home" data-toggle="tab">
                    Microsoft
                </a>
            </li>
            <li>
                <a href="#ios" data-toggle="tab">
                    NET CORE
                </a>
            </li>
            <li class="dropdown">
                <a href="#" id="myTabDrop1" class="dropdown-toggle" data-toggle="dropdown">
                    C#
                    <b class="caret">
                    </b>
                </a>
                <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1">
                    <li>
                        <a href="#jmeter" tabindex="-1" data-toggle="tab">
                            EF
                        </a>
                    </li>
                    <li>
                        <a href="#ejb" tabindex="-1" data-toggle="tab">
                            Docker
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
        <!-- 每个tab页对应的内容 -->
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade in active" id="home">
                <p>
                    微软，是一家美国跨国科技公司，也是世界PC（Personal
                    Computer，个人计算机）软件开发的先导，由比尔·盖茨与保罗·艾伦创办于1975年，公司总部设立在华盛顿州的雷德蒙德（Redmond，邻近西雅图）。以研发、制造、授权和提供广泛的电脑软件服务业务为主。
                </p>
            </div>
            <div class="tab-pane fade" id="ios">
                <p>
                    NET CORE 是一个由微软公司开发和发布的跨平台框架。
                </p>
            </div>
            <div class="tab-pane fade" id="jmeter">
                <p>
                    EF 是一款开源的ORM框架。
                </p>
            </div>
            <div class="tab-pane fade" id="ejb">
                <p>
                    Docker是一个创建高度可扩展性和强大的容器架构。
                </p>
            </div>
        </div>
    </div>
    <div class="col-xs-12 lr-form-item" data-table="API">
        <div class="lr-form-item-title">UUID</div>
        <input id="ID" type="text" class="form-control"/>
    </div>
    <div class="col-xs-12 lr-form-item" data-table="API">
        <div class="lr-form-item-title">创建者</div>
        <div id="CREATE_BY"></div>
    </div>
    <div class="col-xs-12 lr-form-item" data-table="API">
        <div class="lr-form-item-title">创建时间</div>
        <input id="CREATE_DATE" type="text" class="form-control"/>
    </div>
    <div class="col-xs-12 lr-form-item" data-table="API">
        <div class="lr-form-item-title">更新者</div>
        <div id="UPDATE_BY"></div>
    </div>
    <div class="col-xs-12 lr-form-item" data-table="API">
        <div class="lr-form-item-title">更新时间</div>
        <input id="UPDATE_DATE" type="text" class="form-control"/>
    </div>
    <div class="col-xs-12 lr-form-item" data-table="API">
        <div class="lr-form-item-title">备注信息</div>
        <input id="REMARKS" type="text" class="form-control"/>
    </div>
    <div class="col-xs-12 lr-form-item" data-table="API">
        <div class="lr-form-item-title">逻辑删除标记（0：显示；1：隐藏）</div>
        <input id="DEL_FLAG" type="text" class="form-control"/>
    </div>
    <div class="col-xs-12 lr-form-item" data-table="API">
        <div class="lr-form-item-title">用户</div>
        <input id="USER_ID" type="text" class="form-control"/>
    </div>
    <div class="col-xs-12 lr-form-item" data-table="API">
        <div class="lr-form-item-title">系统模块</div>
        <input id="SYS_NAME" type="text" class="form-control"/>
    </div>
    <div class="col-xs-12 lr-form-item" data-table="API">
        <div class="lr-form-item-title">系统表</div>
        <input id="TABLE_NAME" type="text" class="form-control"/>
    </div>
    <div class="col-xs-12 lr-form-item" data-table="API">
        <div class="lr-form-item-title">排序</div>
        <input id="SEQ_NO" type="text" class="form-control"/>
    </div>
    <div class="col-xs-12 lr-form-item" data-table="API">
        <div class="lr-form-item-title">类型(1:传入,2:传出)</div>
        <input id="TABLE_TYPE" type="text" class="form-control"/>
    </div>
    <div class="col-xs-12 lr-form-item" data-table="API">
        <div class="lr-form-item-title">描述</div>
        <input id="DESC_NAME" type="text" class="form-control"/>
    </div>
    <div class="col-xs-12 lr-form-item" data-table="API">
        <div class="lr-form-item-title">接口名</div>
        <input id="INTERFACE_NAME" type="text" class="form-control"/>
    </div>
    <div class="col-xs-12 lr-form-item" data-table="API">
        <div class="lr-form-item-title">函数</div>
        <div id="FUN_NAME"></div>
    </div>
    <div class="col-xs-12 lr-form-item" data-table="API">
        <div class="lr-form-item-title">更新者</div>
        <input id="UPDATE_BY1" type="text" class="form-control lr-input-wdatepicker"
               onfocus="WdatePicker({ onpicked: function () { $('#UPDATE_BY1').trigger('change'); } })"/>
    </div>
    <sys:treeselect id="office" name="office.id" value="${user.office.id}" labelName="office.name"
                    cssClass="form-control"
                    labelValue="${user.office.name}" title="部门" url="/sys/office/treeData?type=1"
                    allowClear="true" notAllowSelectParent="true"/>

    <sys:userselect id="deputyPerson" name="deputyPerson.id" value="${office.deputyPerson.id}"
                    labelName="office.deputyPerson.name" labelValue="${office.deputyPerson.name}"
                    cssClass="form-control" isMultiSelected="false"/>

    <sys:treeselect id="dataItem" name="dataItem.id" value="${office.dataItem.id}" labelName="dataItem.name"
                    labelValue="${office.dataItem.name}"
                    title="字典" allowClear="true" url="/sys/DataItem/treeData?keyValue=DbVersion"
                    cssClass="form-control required"/>
    <sys:fileUpload path="pic" fileNumLimit="2" fileSizeLimit="50" value="${ord.pic}" type="image"
                    uploadPath="/OrderDetail/sn/"/>
    <a id="test" class="btn btn-success">获取值</a>

</body>
<%@include file="form.js" %>
</html>
